<!DOCTYPE html>
<html lang="zh">
  <head>
    <!-- -->
    <meta http-equiv="X-UA-Compatible" content="IE=Edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta charset="UTF-8">
    <link href="./base/bootstrap/css/bootstrap.css" rel="stylesheet">

    <script src="./base/jQuery/jquery.js"></script>
   <script src="./base/popper/popper.js"></script>
     <script src="./base/bootstrap/js/bootstrap.js"></script>



   <!--
     <meta charset="utf-8">
   <title>Bootstrap 实例 - 堆叠的水平</title>
   <link href="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
   <script src="http://cdn.static.runoob.com/libs/jquery/2.0.0/jquery.min.js"></script>
   <script src="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/js/bootstrap.min.js"></script> -->
  </head>
  <body>
      <div class="table-responsive">


    <table class="table">
	<caption>悬停表格布局</caption>
	<thead>
		<tr >
			<th>名称</th>
			<th>城市</th>
			<th>邮编</th>
		</tr>
	</thead>
	<tbody>
		<tr class="warning">
			<td>Tanmay</td>
			<td>Bangalore</td>
			<td>560001</td>
		</tr>
		<tr class="warning">
			<td>Sachin</td>
			<td>Mumbai</td>
			<td>400003</td>
		</tr>
		<tr>
			<td>Uma</td>
			<td>Pune</td>
			<td>411027</td>
		</tr>
	</tbody>
</table>
</div>
  </body>
</html>
